<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>站点分析工具</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css" media="all">
</head>
<body>
<!--<form action="{:url('index/inster')}" method="post">-->
<!--    选择开始时间<input type="datetime-local" name="StartTime">-->
<!--    选择截止时间<input type="datetime-local" name="EndTime">-->
<!--&lt;!&ndash;    查询站点<input type="text" name="zdUrl">&ndash;&gt;-->
<!--    <select name="zdUrl">-->
<!--        {volist name="zdurl" id="v"}-->
<!--        <option>{$v.zdUrl}</option>-->
<!--        {/volist}-->
<!--    </select>-->
<!--    <input type="submit" name="s" value="查询并删除历史查询记录">-->
<!--    <input type="submit" name="s" value="查询">-->
<!--</form>-->

<!--<p style="color: red">ps:数据若与阿里云实际数据有小误差是因为，将code码大于500的值累加处于总请求次数，并未分开处理！</p>-->
<div class=layui-row" style="margin-top: 300px">
    <form method="post" action="{:url('index/inster')}" class="layui-form" style="white-space:nowrap!important;text-align: center"> <!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">查询开始日期</label>
                <div class="layui-input-block">
                    <input type="text" name="StartTime" id="date1" autocomplete="off" class="layui-input" >
                </div>
            </div>

        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">查询结束日期</label>
                <div class="layui-input-block">
                    <input type="text" name="EndTime" id="date2" autocomplete="off" class="layui-input" >
                </div>
            </div>
        </div>
        <div class="layui-form-item" >
            <div class="layui-inline" style="text-align: center">
                <label class="layui-form-label">选择框</label>
                <div class="layui-input-inline">
                    <select name="zdUrl" lay-verify="required">
                        {volist name="zdurl" id="v"}-->
                        <option>{$v.zdUrl}</option>
                        {/volist}-->
                    </select>
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" name="s" lay-submit lay-filter="formDemo" value="查询并删除历史查询记录">查询并删除历史查询记录</button>
                <button class="layui-btn" name="s" lay-submit lay-filter="formDemo" value="查询">查询</button>
            </div>
        </div>
    </form>
</div>
<script src="/static/layui/layui.js"></script>

<script>
    layui.use('form', function(){
        var form = layui.form;

        //各种基于事件的操作，下面会有进一步介绍
    });

    layui.use('laydate', function(){
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#date1',//指定元素
            type:'datetime'
        });
        laydate.render({
            elem: '#date2',//指定元素
            type:'datetime'
        });
    });
</script>
</body>
</html>